﻿<div class="jumbotron">
    <h1>接口服务</h1>
    <a href="/swagger">点击查看接口</a>
    @*<a href="/admin/index.html">后台管理</a>*@
    <a href="/adminbig">数据大屏</a>    <a href="/adminbig/#/home_v2">数据大屏V2</a>
    <a href="/adminbig">数据大屏</a>    <a href="/adminbig/#/home_v3">数据大屏V3</a>
    <a href="/adminbig/#/desktop/index">数据大屏后台</a>
</div>


<style>
    /* 为jumbotron设置背景颜色、字体大小以及内边距 */
.jumbotron {
    background-color: #f8f9fa; /* 浅灰色背景 */
    padding: 2rem 1rem; /* 增加内边距 */
    margin-bottom: 2rem; /* 设置底部外边距 */
    border-radius: 0.3rem; /* 圆角处理 */
    text-align: center; /* 文本居中 */
}

/* 设置标题样式 */
.jumbotron h1 {
    color: #343a40; /* 深色文本 */
    font-size: 3rem; /* 增大字体大小 */
    margin-bottom: 1rem; /* 设置下边距 */
}

/* 设置链接按钮样式 */
.jumbotron a {
    display: inline-block; /* 将链接作为块级元素处理 */
    margin: 0.5rem; /* 设置链接之间的间距 */
    padding: 0.5rem 1rem; /* 增加内边距 */
    font-size: 1rem; /* 设置字体大小 */
    color: #fff; /* 白色文字 */
    background-color: #007bff; /* 蓝色背景 */
    border-radius: 0.25rem; /* 圆角处理 */
    text-decoration: none; /* 移除下划线 */
    transition: all 0.3s ease-in-out; /* 添加过渡效果 */
}

/* 鼠标悬停时改变链接颜色 */
.jumbotron a:hover {
    background-color: #0056b3; /* 更深的蓝色 */
}

 
</style>